<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
		<link href="bootstrap/css/index.css" rel="stylesheet"/>
		<link href="bootstrap/css/denlu.css" rel="stylesheet"/>
		<script src="bootstrap/js/jquery-3.5.1.slim.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="bootstrap/js/denlu.js"></script>
		<title>登录/注册</title>
	</head>
	<body>
		<div class="bjimg"></div>
		<div>
			<!--导航栏-->
			<nav class="navbar navbar-expand-sm dhl tou2 bshadow">
				<a class="navbar-brand tshadow" style="color: white;font-weight: bold;">o.O</a>
				<button class="navbar-toggler dhlbtn" type="button" data-toggle="collapse" data-target="#navtop">
					<span class="nicebutton">三</span>
				</button>
				<div class="collapse navbar-collapse" id="navtop">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="index.html">首页</a>
						</li>					
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="#">社区</a>
						</li>
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="#">个人</a>
						</li>
					</ul>
					<div class="dropdown">
						<button class="btn dropdown-toggle nicebutton" type="button" data-toggle="dropdown" aria-expanded="false">
						  语言
						</button>
						<div class="dropdown-menu">
						  <a class="dropdown-item" href="#">English</a>
						  <a class="dropdown-item" href="#">中文</a>
						  <a class="dropdown-item" href="#">日本語</a>
						</div>
					</div>
				</div>
			</nav>
		</div>
		
		<div class="container">
			<div class="mt-4 mb-3">
				<div class="beijin m-auto bshadow">
					<ul class="nav nav-pills mb-0 ">
						<li class="nav-item">
							<a class="nav-link active jn" data-toggle="tab" href="#denlu" style="color: white">登录</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" data-toggle="tab" href="#zhuce" style="color: white">注册</a>
						</li>
					</ul>
					<div class="tab-content mb-5">
						<div class="tab-pane fade show active dlbj bshadow" id="denlu">
							<h2 class="p-5 denluh2 tshadow">登录</h2>
							<div class="han">
								<p>用户名</p><br />
								<input class="shuru bshadow bg-dark" type="text" id="dluser" placeholder="请输入用户名">
								<div class="p-5"></div>
								<p>密码</p><br />
								<input class="shuru bshadow bg-dark" type="password" id="dlpwd" placeholder="请输入密码"/>
								<div class="p-5"></div>
								<button class="nicedenlu"  onclick="dl()">登录</button>
								<div class="p-1"></div><br /><br />
								<a href="#">忘记密码</a>
								<br /><br />
								<a href="#">手机号登录</a>
							</div>
						</div>
						<div class="tab-pane fade dlbj2 bshadow " id="zhuce">
							<h2 class="p-5 denluh2 tshadow">注册</h2>
							<div class="han">
								<p>用户名</p><br />
								<input class="shuru bg-dark bshadow" type="text" id="zcuser" placeholder="请输入4-16位用户名"/>
								<div class="p-3"></div>
								<p>密码</p><br />
								<input class="shuru bg-dark bshadow" type="password" id="zcpwd" placeholder="密码长度在4-10之间"/>
								<div class="p-3"></div>
								<!-- <p>确认密码</p><br />
								<input class="shuru bg-dark bshadow" type="password" id="repwd" placeholder="确保两次密码一致" required/>
								<div class="p-3"></div> -->
								<p>邮箱</p><br />
								<input class="shuru bg-dark bshadow" type="text" id="zcemail" placeholder="邮箱格式例如：web@sohu.com"/>
								<div class="p-3"></div>
								<button class="nicedenlu" id="zhuce" onclick="zc()">注册</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>